const { defineConfig } = require('@vue/cli-service')
const path = require('path')
function resolve(dir) {
	return path.join(__dirname, dir)
}
module.exports = defineConfig({
	transpileDependencies: true,
	lintOnSave: false,

	devServer: {
		open: true,
		host: 'localhost',
		port: 8080,
		https: false,
		//以上的ip和端口是我们本机的;下面为需要跨域的
		proxy: {
			//配置跨域
			// 这个地方的 '/api'  名字要和底下 '^/api'  这个地方的名字一样。如果这里是 '/bpi'，那么底下就也要是 '^/bpi'
			'/api': {
				target: 'http://127.0.0.1:7001/api/sysm', //这里后台的地址模拟的;应该填写你们真实的后台接口
				ws: true,
				changOrigin: true, //允许跨域
				pathRewrite: {
					'^/api': '', //请求的时候使用这个api就可以
				},
			},
		},
	},
	chainWebpack(config) {
		// 设置 svg-sprite-loader
		config.module.rule('svg').exclude.add(resolve('src/icons')).end()
		config.module
			.rule('icons')
			.test(/\.svg$/)
			.include.add(resolve('src/icons'))
			.end()
			.use('svg-sprite-loader')
			.loader('svg-sprite-loader')
			.options({
				symbolId: 'icon-[name]',
			})
			.end()
	},
})
